<script type="application/json" id="selectors">
        [{
            "selector": "p:nth-of-type(3)",
            "match": ["1"]
        },
        {
            "selector": "dl > :nth-of-type(3n+1)",
            "match": ["2", "3", "4", "5"]
        }]
</script>
<div id="testDOM">
    <p>This paragraph is here only to fill space in the DOM</p>
    <address>And this address too..</address>
    <p>So does this paragraph !</p>
    <p id="1" class="red">But this one should have green background</p>
    <dl>
        <dt id="2" class="red">First definition term that should have green background</dt>
        <dd id="3" class="red">First definition that should have green background</dd>
        <dt>Second definition term</dt>
        <dd>Second definition</dd>
        <dt>Third definition term</dt>
        <dd>Third definition</dd>
        <dt id="4" class="red">Fourth definition term that should have green background</dt>
        <dd id="5" class="red">Fourth definition that should have green background</dd>
        <dt>Fifth definition term</dt>
        <dd>Fifth definition</dd>
        <dt>Sixth definition term</dt>
        <dd>Sixth definition</dd>
    </dl>
</div>
